import 'package:flutter/material.dart';
import 'package:qqmusic/widget/biaotou.dart';
import 'package:qqmusic/widget/jingxuanItem01.dart';

class jingxuanTabview extends StatelessWidget {
  const jingxuanTabview({Key key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Container(
      child: ListView(
        children: [
          Container(
            child: Column(
              children: [
                Container(
                  child: biaotou(name: '金牌栏目', isplay: false),
                ),
                Container(
                  margin: EdgeInsets.only(top: 10),
                  height: 269,
                  child: ListView.builder(
                    scrollDirection: Axis.horizontal,
                    itemCount: 5,
                    itemBuilder: (BuildContext context, int index) {
                      return jingxuanItem01();
                    },
                  ),
                )
              ],
            ),
          ),
          Container(
            margin: EdgeInsets.only(top: 20),
            child: Column(
              children: [
                Container(
                    child: biaotou(
                  name: '官方推荐',
                  isplay: false,
                )),
                Container(
                  margin: EdgeInsets.only(top: 10),
                  child: Stack(
                    children: [
                      Container(
                        height: 165,
                      ),
                      Container(
                        width: MediaQuery.of(context).size.width - 30,
                        height: 150,
                        decoration: BoxDecoration(
                            image: DecorationImage(
                                fit: BoxFit.cover,
                                image: NetworkImage(
                                    'https://img2.baidu.com/it/u=531222428,866085798&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=375')),
                            color: Color(0xff99a7b7),
                            borderRadius: BorderRadius.circular(10)),
                        child: Row(
                          children: [
                            Container(
                              width: 120,
                              child: ClipRRect(
                                borderRadius: BorderRadius.circular(10),
                                child: Image(
                                    fit: BoxFit.cover,
                                    image: NetworkImage(
                                        'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg5.51tietu.net%2Fpic%2F2019-082007%2Fvo0cy4drpfyvo0cy4drpfy.jpg&refer=http%3A%2F%2Fimg5.51tietu.net&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1650779313&t=cffc5010c84a7ccd71549bac6e8ca9dc')),
                              ),
                            ),
                            Container(
                              margin: EdgeInsets.only(left: 20),
                              child: Text(
                                '天赐踢馆赛',
                                style: TextStyle(
                                    fontSize: 17, fontWeight: FontWeight.w700),
                              ),
                            ),
                          ],
                        ),
                      ),
                      Positioned(
                        bottom: 0,
                        left: 0,
                        child: Container(
                          alignment: Alignment.center,
                          height: 30,
                          padding: EdgeInsets.symmetric(horizontal: 15),
                          decoration: BoxDecoration(
                              borderRadius: BorderRadius.circular(15),
                              color: Color(0xffd8ccc2)),
                          child: Text(
                            '立即关注',
                            style: TextStyle(fontSize: 13, color: Colors.white),
                          ),
                        ),
                      )
                    ],
                  ),
                ),
                Container(
                  margin: EdgeInsets.only(top: 10),
                  child: Stack(
                    children: [
                      Container(
                        height: 165,
                      ),
                      Container(
                        width: MediaQuery.of(context).size.width - 30,
                        height: 150,
                        decoration: BoxDecoration(
                            image: DecorationImage(
                                fit: BoxFit.cover,
                                image: NetworkImage(
                                    'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fi-1-lanrentuku.qqxzb-img.com%2F2020%2F11%2F11%2Fef6f5575-ee2f-4113-b471-b8f0becf98c3.jpg%3FimageView2%2F2%2Fw%2F1024&refer=http%3A%2F%2Fi-1-lanrentuku.qqxzb-img.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1650780212&t=d27fef2d7a8de1175acdf7048fe7f8c0')),
                            color: Color(0xff99a7b7),
                            borderRadius: BorderRadius.circular(10)),
                        child: Row(
                          children: [
                            Container(
                              width: 120,
                              child: ClipRRect(
                                borderRadius: BorderRadius.circular(10),
                                child: Image(
                                    fit: BoxFit.cover,
                                    image: NetworkImage(
                                        'https://pics0.baidu.com/feed/8326cffc1e178a829262e3ad7832d385a977e81f.jpeg?token=ed1708dc9c90467b433317288a891898')),
                              ),
                            ),
                            Container(
                              margin: EdgeInsets.only(left: 20),
                              child: Text(
                                '天赐踢馆赛',
                                style: TextStyle(
                                    fontSize: 17, fontWeight: FontWeight.w700),
                              ),
                            ),
                          ],
                        ),
                      ),
                      Positioned(
                        bottom: 0,
                        left: 0,
                        child: Container(
                          alignment: Alignment.center,
                          height: 30,
                          padding: EdgeInsets.symmetric(horizontal: 15),
                          decoration: BoxDecoration(
                              borderRadius: BorderRadius.circular(15),
                              color: Color(0xffd8ccc2)),
                          child: Text(
                            '立即关注',
                            style: TextStyle(fontSize: 13, color: Colors.white),
                          ),
                        ),
                      )
                    ],
                  ),
                )
              ],
            ),
          )
        ],
      ),
    );
  }
}
